<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8"/>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
		<title>NBA队名</title>
		<script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
		<script type="text/javascript" src="../js/rem.js"></script>
		<script type="text/javascript" src="../js/iscroll.js"></script>
		<script type="text/javascript">
			var myscroll;
			function loaded(){
				myscroll = new iScroll("wrapper",{
					scrollY:true,
					freeScroll:true
				});
			}
			window.addEventListener("DOMContentLoaded",loaded,false);
		</script>
		<script type="text/javascript" src="../js/fastclick.js"></script>
		<script type="text/javascript" src="../js/NBA.js"></script>
		<link rel="stylesheet" type="text/css" href="../css/NBA.css"/>
	</head>
	<body>
		<div class="wrap">
			<!-- 头部header -->
			<div class="header">
				<script type="text/javascript">
					$(".header").load("common-header.html");
				</script>
			</div>
	
			<!-- 球队列表 -->
			<div id="wrapper" class="balllist">
				<div class="list" id="scroller">
					<ul class="ullist">
						<script type="text/javascript"> 
						var pn = 1;
						var str = "";
						$.ajax({
					        type:"get",
					        url:"get.json",
					        data:{
					       		aid:"3c2c1673f45c4c7f9f7611006f998fe3",
					       		ps:"10",
					       		pn:pn
					        },
					        dataType:"json",
					        success: function(rsp) {
					            for(var i = 0; i < rsp.list.length; i ++){
					            	var logUrl = rsp.list[i].icon.split(",")[0];
					            	var name = rsp.list[i].name.split(",")[0];
					            	str += '<li><span class="teamLog"><img src="' + logUrl + '"/></span><a href="###">' + name + '</a><div class="subState"><input type="checkbox" id="'
					            	+ rsp.list[i].id + '" class="check" checked="checked"/><label for="' + rsp.list[i].id +'" class="labsub"></label></div></li>';
					            }
					            $(".ullist").html(str);
					            changeState();	
					            myscroll.refresh();
					        }
					    });
					   
						</script>
					</ul>
				</div>
			</div>

		</div>
		
	</body>
</html>
